<template>
  <div>
    <h2>我是 Travel 旅游胜地的内容</h2>
    <div>
      <!-- tab 样式 -->
      <ul class="nav nav-tabs">
        <li>
          <router-link
            class="list-group-item"
            active-class="active"
            to="/travel/shenzhen"
            >深圳景点</router-link
          >
        </li>
        <li>
          <router-link
            class="list-group-item"
            active-class="active"
            to="/travel/beijing"
            >北京景点</router-link
          >
        </li>
      </ul>
      <!-- 展示 router 数据内容 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Travel",
};
</script>